@media screen and (min-width: 768px) {

    /* Banner区域 - 全屏高度 */
    .hiro_banner_image {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .hiro_banner_image-container {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        /* 垂直居中 */
        justify-content: space-between;
        gap: 40px;
    }

    /* 左侧图片 */
    .hiro_banner_main-image {
        flex: 0 0 auto;
        height: 100%;
        width: auto;
        margin-left: 5%;
        max-width: 50%;
        object-fit: contain;
        object-position: left center;
    }

    /* 右侧文字 */
    .hiro_banner_right_title {
        flex: 0 0 auto;
        max-width: 600px;
        margin-left: auto;
        margin-right: 6vw;
        color: #fff;
        text-align: left;
    }

    .hiro_banner-title-content {
        font-size: 36px;
        line-height: 1.2;
        text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
        padding-bottom: 15px;
        position: relative;
        display: inline-block;
    }

    .hiro_banner-title-content_c {
        font-size: 18px;
        line-height: 1.2;
        text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
        padding-bottom: 15px;
        position: relative;
        display: inline-block;
    }

    .hiro_banner-title-content_c::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 90%;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.5);
    }

    .hiro_banner-text {
        font-size: 18px;
        line-height: 1.2;
        color: #0a46dc;
    }

    /* ===== hiro_curve_page2目标区块 ===== */
    .hiro_curve_page2 {
        position: relative;
        overflow: hidden;
        color: #ffffff;
    }

    .hiro_curve_page2__inner {
        position: relative;
        z-index: 1;
        max-width: 96%;
        margin: 0 2%;
        padding: 72px 40px 64px;
    }

    /* ---- 头部：标题 + 导语 ---- */

    .hiro_curve_page2__title {
        font-size: 40px;
        font-weight: 400;
        line-height: 1.5;
        color: #ffffff;
    }

    .hiro_curve_page2__lead {
        max-width: 100%;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.5;
        color: #0a46dc;
    }

    /* ---- 正文两栏 ---- */
    .hiro_curve_page2__grid {
        display: grid;
        grid-template-columns: 1.12fr 1fr;
        gap: 48px;
        margin-top: 30px;
        align-items: start;
    }

    .hiro_curve_page2__col {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 30px;
        color: #ffffff;
    }

    .hiro_curve_page2__col p+p {
        margin-top: 30px;
    }

    /* 底部话题标签 */
    .hiro_curve_page2__tag {
        display: inline-block;
        margin-top: 30px;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0.02em;
        color: #0a46dc;
    }


    /* ===== hiro_curve_page3目标区块 ===== */

    .hiro_curve_page3 {
        width: 90%;
        margin: 0 5%;
    }

    .hiro_curve_page3_header h1 {
        font-size: 40px;
        color: #fff;
    }

    .hiro_curve_page3_header h2 {
        font-size: 36px;
        font-weight: normal;
        color: #0a46dc;
        margin-bottom: 36px;
    }

    .hiro_curve_card-wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        overflow: visible;
    }

    .hiro_curve_card-item {
        background-color: #fff;
        color: #000;
        border-radius: 15px;
        padding: 30px 24px;
        transition: transform 0.3s ease;
        /* 过渡动画 */
    }

    .hiro_curve_card-item:hover {
        transform: scale(1.05) !important;
        /* 放大1.05倍 */
    }

    .hiro_curve_card-item h3 {
        font-size: 36px;
        line-height: 1;
    }

    .hiro_curve_card-item .sub-title {
        font-size: 28px;
        margin-bottom: 24px;
        font-weight: normal;
    }

    .hiro_curve_card-item img {
        width: 100%;
        height: auto;
        margin-bottom: 24px;
    }

    .hiro_curve_card-item ul {
        padding-left: 20px;
    }

    .hiro_curve_card-item li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 6px;
    }

    /* ===== hiro_curve_page4目标区块 ===== */

    .hiro_curve_page4 {
        width: 90%;
        margin: 0 5%;
    }

    .hiro_curve_hero-section {
        display: grid;
        grid-template-columns: 1fr 1fr;
        min-height: 100vh;
        align-items: center;
        gap: 40px;
    }

    .hiro_curve_text-area h1 {
        font-size: 48px;
        margin-bottom: 32px;
    }

    .hiro_curve_text-area p {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 24px;
        color: #fff;
    }

    .hiro_curve_text-area .hiro_curve_blue-text {
        font-size: 18px;
        color: #0a46dc;
    }


    .hiro_curve_demo-btn {
        max-width: 126px;
        display: inline-block;
        padding: 6px 10px;
        background: #0a46dc;
        color: white;
        text-decoration: none;
        border-radius: 50px;
        font-size: 14px;

    }

    .hiro_curve_demo-btn:hover {
        background: #1d4ed8;
    }


    .hiro_curve_img-area {
        display: flex;
        justify-content: center;
    }

    .hiro_curve_img-area img {
        max-width: 90%;
        height: auto;
    }

    /* ===== hiro_curve_page5目标区块 ===== */
    .hiro_curve_page5 {
        width: 90%;
        margin: 0 5%;
    }

    .hiro_page5_header-text h1 {
        font-size: 40px;
        color: #ffffff;
        font-weight: bold;
    }

    .hiro_page5_header-text h2 {
        font-size: 28px;
        color: #0a46dc;
        font-weight: normal;
        margin-bottom: 32px;
    }

    .hiro_page5_table-wrap {
        background-color: #2557aa;
        border-bottom-right-radius: 100px;
        padding: 40px;
    }

    .hiro_page5_table-wrap table {
        width: 100%;
        border-collapse: collapse;
        color: #fff;
        font-size: 14px;
    }

    .hiro_page5_table-wrap table th {
        text-align: left;
        padding-bottom: 20px;
        font-size: 16px;
        font-weight: bold;
        padding-left: 20px;
        border-bottom: 1px solid #ffffff50;
        border-right: 1px solid #ffffff50;
        /* 新增：表头竖线 */
    }

    .hiro_page5_table-wrap table th:last-child {
        border-right: none;
        /* 最后一列不显示竖线 */
    }

    .hiro_page5_table-wrap table td {
        padding: 5px 10px;
        border-bottom: 1px solid #ffffff30;
        vertical-align: top;
        border-right: 1px solid #ffffff30;
        /* 新增：单元格竖线 */
    }

    .hiro_page5_table-wrap table td:last-child {
        border-right: none;
        /* 最后一列去掉竖线 */
    }

    .hiro_page5_table-wrap table tr:last-child td {
        border-bottom: none;
    }

    .hiro_page5_table-wrap .sol-list {
        list-style-type: disc;
        padding-left: 30px;
    }

    .hiro_page5_table-wrap .sol-list li {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    /* ===== hiro_curve_page6目标区块 ===== */
    .hiro_curve_page6 {
        width: 90%;
        margin: 0 5%;
    }

    .hiro_page6_locking-section {
        display: grid;
        grid-template-columns: 1fr 340px;
        gap: 48px;
        align-items: start;
    }

    .hiro_page6_text-area {
        width: 90%;
    }

    .hiro_page6_text-area h1 {
        font-size: 40px;
        margin-bottom: 12px;
    }

    .hiro_page6_text-area h2 {
        font-size: 28px;
        color: #0a46dc;
        font-weight: normal;
        margin-bottom: 32px;
    }

    .hiro_page6_text-area p {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 28px;
        color: #fff;
    }

    .hiro_page6_img-group {
        width: 80%;
        margin-top: -60px;
        display: flex;
        flex-direction: column;
    }

    .hiro_page6_img-card img {
        width: 100%;
        height: auto;
    }

    .hiro_page6_img-card p {
        font-size: 18px;
        text-align: center;
        margin-top: 12px;
    }




    /* ===== hiro_curve_page7目标区块 ===== */
    .hiro_curve_page7 {
        width: 84%;
        margin: 0 8%;
    }

    .hiro_page7_service-section {
        display: grid;
        grid-template-columns: 340px 1fr;
        gap: 120px;
        align-items: center;
    }

    .hiro_page7_img-group {
        display: flex;
        flex-direction: column;
        gap: 32px;
        width: 100%;
        margin-left: 50px;

    }

    .hiro_page7_img-card img {
        width: 100%;
        height: auto;
    }

    .hiro_page7_img-card p {
        font-size: 18px;
        text-align: center;
        margin-top: 12px;
    }

    .hiro_page7_text-area {
        width: 100%;
    }

    .hiro_page7_text-area h1 {
        font-size: 40px;
        margin-bottom: 12px;
    }

    .hiro_page7_text-area h2 {
        font-size: 28px;
        color: #0a46dc;
        font-weight: normal;
        margin-bottom: 32px;
    }

    .hiro_page7_text-area p {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 28px;
        color: #fff;
    }

    /* ===== hiro_curve_page8目标区块 ===== */
    .hiro_curve_page8 {
        width: 90%;
        margin: 0 5%;
    }

    /* ===== hiro_curve_page9目标区块 ===== */
    .hiro_curve_page9 {
        width: 90%;
        margin: 0 5%;
    }

    .hiro_page9_header-text h1 {
        font-size: 40px;
        color: #ffffff;
        font-weight: bold;
    }

    .hiro_page9_header-text h2 {
        font-size: 28px;
        color: #0a46dc;
        font-weight: normal;
        margin-bottom: 32px;
    }

    .hiro_page9_table-wrap {
        background-color: #2557aa;
        border-bottom-right-radius: 100px;
        padding: 40px;
    }

    .hiro_page9_table-wrap table {
        width: 100%;
        border-collapse: collapse;
        color: #fff;
        font-size: 14px;
    }

    .hiro_page9_table-wrap table th {
        text-align: left;
        padding-bottom: 20px;
        font-size: 16px;
        font-weight: bold;
        padding-left: 20px;
        border-bottom: 1px solid #ffffff50;
        border-right: 1px solid #ffffff50;
        /* 新增：表头竖线 */
    }

    .hiro_page9_table-wrap table th:last-child {
        border-right: none;
        /* 最后一列不显示竖线 */
    }

    .hiro_page9_table-wrap table td {
        padding: 5px 10px;
        border-bottom: 1px solid #ffffff30;
        vertical-align: top;
        border-right: 1px solid #ffffff30;
        /* 新增：单元格竖线 */
    }

    .hiro_page9_table-wrap table td:last-child {
        border-right: none;
        /* 最后一列去掉竖线 */
    }

    .hiro_page9_table-wrap table tr:last-child td {
        border-bottom: none;
    }

    .hiro_page9_table-wrap .sol-list {
        list-style-type: disc;
        padding-left: 30px;
    }

    .hiro_page9_table-wrap .sol-list li {
        margin-top: 8px;
        margin-bottom: 8px;
    }


    /* ===== hiro_curve_page10目标区块 ===== */
    .hiro_curve_page10 {
        width: 90%;
        margin: 0 5%;
    }

    /* 模块1：Curved up to 45° */
    .hiro_curve_curve-45-section {
        display: grid;
        grid-template-columns: 1fr 380px;
        gap: 48px;
        align-items: start;
        margin-bottom: 80px;
    }


    .hiro_curve_page10 h1 {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 12px;
    }

    .hiro_curve_page10 h2 {
        font-size: 28px;
        color: #0a46dc;
        font-weight: normal;
        margin-bottom: 32px;
    }

    .hiro_curve_text-block p {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 28px;
        color: #fff;
    }

    .hiro_curve_img-right img {
        width: 100%;
        height: auto;
    }

    .hiro_curve_handle-section {
        display: grid;
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .hiro_curve_handle-top {
        display: grid;
        grid-template-columns: 1fr 240px;
        gap: 40px;
        align-items: start;
    }

    .hiro_curve_handle-bottom {
        display: grid;
        grid-template-columns: 420px 1fr;
        gap: 40px;
        align-items: start;
    }

    .hiro_curve_img-small img {
        width: 100%;
        height: auto;
    }

    /* ===== hiro_curve_page11目标区块 ===== */
    .hiro_curve_page11 {
        width: 90%;
        margin: 0 5%;
    }

    .hiro_page11_service-section {
        display: grid;
        grid-template-columns: 1fr 480px;
        gap: 48px;
        align-items: center;
        margin-bottom: 80px;
    }

    .hiro_page11_text-block h1 {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 12px;
    }

    .hiro_page11_text-block h2 {
        font-size: 28px;
        color: #0a46dc;
        font-weight: normal;
        margin-bottom: 32px;
    }

    .hiro_page11_text-block p {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 28px;
        color: #fff;
    }

    .hiro_page11_img-right img {
        width: 100%;
        height: auto;
    }

    /* ===== hiro_curve_page12目标区块 ===== */
    .hiro_curve_page12 {
        width: 90%;
        margin: 0 5%;
    }

    /* ===== hiro_curve_page13目标区块 ===== */
    .hiro_curve_page13 {
        width: 90%;
        margin: 0 5%;
    }

    .hiro_curve_page13 h1 {
        font-size: 40px;
        margin-bottom: 12px;
    }

    .hiro_curve_page13 h2 {
        font-size: 28px;
        color: #0a46dc;
        font-weight: normal;
        margin-bottom: 32px;
    }

    /* ===== hiro_curve_page14目标区块 ===== */
    .hiro_curve_page14 {
        width: 90%;
        margin: 0 5%;
    }

    .hiro_page14_text-left-section {
        display: grid;
        grid-template-columns: 420px 1fr;
        gap: 150px;
        align-items: start;
        margin-bottom: 80px;
    }

    /* 标题文本通用样式 */
    .hiro_page14_text-block h1 {
        font-size: 40px;
        margin-bottom: 12px;
        margin-top: 50px;
    }

    .hiro_page14_text-block h2 {
        font-size: 28px;
        color: #0a46dc;
        font-weight: normal;
        margin-bottom: 32px;
    }

    .hiro_page14_text-block p {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 28px;
        color: #fff;
    }

    .hiro_page14_img-right img,
    .hiro_page14_img-left img {
        width: 100%;
        height: auto;
    }

    /* ===== hiro_curve_page15目标区块 ===== */
    .hiro_curve_page15 {
        width: 90%;
        margin: 0 5%;
    }



    .hiro_page15_key-feature-wrap {
        max-width: 100%;
    }

    .hiro_page15_page-title h1 {
        font-size: 40px;
        font-weight: normal;
        margin-bottom: 16px;
    }

    .hiro_page15_page-title p {
        font-size: 16px;
        color: #fff;
        line-height: 1.2;
        margin-bottom: 40px;
    }

    .hiro_page15_feature-grid {
        background: #fff;
        color: #000;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1px;
    }

    .hiro_page15_feature-item {
        padding: 36px 32px;
        position: relative;
    }

    .hiro_page15_feature-item::before {
        content: '';
        position: absolute;
        left: 0;
        top: 36px;
        /* 距离顶部内边距位置 */
        bottom: 36px;
        /* 距离底部内边距位置 */
        width: 1px;
        background-color: #0a46dc;
    }

    .hiro_page15_feature-item:first-child,
    .hiro_page15_feature-item:nth-child(4) {
        border-left: none;
    }

    .hiro_page15_feature-item h3 {
        font-size: 24px;
        margin-bottom: 24px;
        font-weight: bold;
        height: 45px;
    }

    .hiro_page15_feature-item p {
        font-size: 18px;
        color: #444444;
        line-height: 1.45;
    }


    /* ===== hiro_curve_page16目标区块 ===== */
    .hiro_curve_page16 {
        width: 90%;
        margin: 0 5%;
    }

    .hiro_page16_container {
        max-width: 100%;
    }

    h1.hiro_page16_top-title {
        font-size: 40px;
        font-weight: normal;
        color: #fff;
    }

    h1.hiro_page16_sub-title {
        font-size: 44px;
        font-weight: bold;
        color: #0a46dc;
        margin-bottom: 24px;
    }

    .hiro_page16_desc-text {
        font-size: 18px;
        line-height: 1.5;
        color: #fff;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .hiro_page16_card-grid {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    .hiro_page16_card-item {
        border-radius: 16px;
        overflow: hidden;
        background: #111;
        transition: transform 0.3s ease;
    }

    /* 悬停放大 */
    .hiro_page16_card-item:hover {
        transform: scale(1.05);
    }

    .hiro_page16_card-img {
        width: 100%;
        height: 320px;
        object-fit: cover;
        border-radius: 16px;
        display: block;
    }

    .hiro_page16_card-content {
        padding: 28px;
    }

    .hiro_page16_card-pro {
        background: #1b48c9;
    }

    .hiro_page16_card-std {
        background: #222222;
    }

    .hiro_page16_card-rental {
        background: #199b48;
    }

    .hiro_page16_card-content h3 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .hiro_page16_card-content ul {
        list-style-type: "- ";
        padding-left: 20px;
        font-size: 14px;
        line-height: 1.5;
    }




    .head-carousel {
        width: 96%;
        height: 100vh;
        margin-left: 2%;
        margin-right: 2%;
        padding: 0 !important;
        overflow: hidden !important;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .head-carousel .swiper-container {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: relative;
    }

    .head-carousel .swiper-wrapper {
        width: 100% !important;
        height: 100% !important;
    }

    .head-carousel .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        background-color: #000;
        border-radius: 15px;
    }

    /* 图片样式 - 16:9比例完整铺满屏幕 */
    .head-carousel .swiper-slide img {
        display: block;
        width: 100% !important;
        height: auto !important;
        max-height: 100vh;
        border-radius: 15px;
        object-fit: cover !important;
        /* 核心：铺满容器，裁剪多余部分 */
        object-position: center center !important;
    }

    /* 视频样式，保持与图片一致 */
    .head-carousel .swiper-slide video {
        width: 100% !important;
        height: auto !important;
        max-height: 100vh;
        object-fit: cover !important;
        /* 核心：铺满容器，裁剪多余部分 */
        object-position: center center !important;
    }


    .head-carousel .swiper-slide-active img,
    .swiper-slide-duplicate-active img {
        transition: 6s linear;
        transform: scale(1, 1);
    }

    .head-carousel .swiper-button-prev,
    .head-carousel .swiper-rtl .swiper-button-next {
        left: 10px;
        border: 1px solid #fff;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

    .head-carousel .swiper-button-next,
    .head-carousel .swiper-rtl .swiper-button-prev {
        right: 10px;
        border: 1px solid #fff;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

    .head-carousel .swiper-button-next:after,
    .index3 .swiper-rtl .swiper-button-prev:after {
        font-size: 20px;
        color: #fff;
    }

    .head-carousel .swiper-button-prev:after,
    .index3 .swiper-rtl .swiper-button-next:after {
        font-size: 20px;
        color: #fff;
    }

    .head-carousel .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        background-color: #fff;
    }

    .head-carousel .swiper-pagination-bullet-active {
        width: 20px;
        border-radius: 10px;
        background-color: #fff;
    }

    .hiro-case-content {
        position: absolute;
        top: 50%;
        left: 8%;
        transform: translateY(-50%);
        width: 400px;
        padding: 40px 30px;
        background: url('../img/hiro-case-text-bg.png') center/cover no-repeat;
        border-radius: 24px;
        color: #fff;
    }

    .hiro-case-content h2 {
        font-size: 24px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .hiro-case-content p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    .hiro-explore-more-btn {
        display: inline-block;
        padding: 14px 28px;
        background: #0a46dc;
        color: white;
        text-decoration: none;
        border-radius: 50px;
        font-size: 18px;

    }

    .hiro-explore-more-btn:hover {
        background: #1d4ed8;
    }

    .blue_p {
        color: #0a46dc;
    }


    .hiro_table {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        transform: rotateX(180deg);
        /* 整体翻转，滚动条跑到顶部 */
    }

    /* 表格内容翻回来，方向正常 */
    .hiro_table table {
        transform: rotateX(180deg);
        min-width: 1600px;
        /* 触发横向滚动 */
    }

    /* 固定表头第一列 */
    .hiro_table .fixed-cell {
        position: sticky;
        left: 0;
        z-index: 3;
        color: #fff;
        -webkit-position: sticky;
        background-color: #000;
        border-right: 1px solid rgba(255, 255, 255, 0.35);
        box-shadow: 2px 0 6px rgba(0, 0, 0, 0.15);
    }

    /* 固定正文第一列 */
    .hiro_table .fixedtd {
        position: sticky;
        left: 0;
        z-index: 2;
        background-color: #000;
        -webkit-position: sticky;
        border-right: 1px solid rgba(255, 255, 255, 0.35);
        box-shadow: 2px 0 6px rgba(0, 0, 0, 0.15);
    }
      /* 奇数行固定列背景色 */
    .hiro_table tbody tr:nth-child(odd) .fixedtd {
        background-color: #000;
    }

    /* 偶数行固定列背景色 */
    .hiro_table tbody tr:nth-child(even) .fixedtd {
        background-color: #000;
    }

    /* 滚动条美化（可选） */
    .hiro_table::-webkit-scrollbar {
        height: 12px;
    }

    /* 轨道 */
    .hiro_table::-webkit-scrollbar-track {
        background: #e8eef9;
        border-radius: 6px;
    }

    /* 滑块 */
    .hiro_table::-webkit-scrollbar-thumb {
        background: #0a46dc;
        border-radius: 6px;
        border: 2px solid #e8eef9;
        /* 让滑块与轨道之间有一点留白 */
    }

    .hiro_table::-webkit-scrollbar-thumb:hover {
        background: #1d4ed8;
    }

    /* 左右箭头按钮 —— 左侧 */
    .hiro_table::-webkit-scrollbar-button:horizontal:decrement {
        width: 20px;
        height: 12px;
        background-color: #0a46dc;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><polygon points='15,4 7,12 15,20' fill='white'/></svg>");
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 6px 0 0 6px;
    }

    .hiro_table::-webkit-scrollbar-button:horizontal:decrement:hover {
        background-color: #1d4ed8;
    }

    /* 左右箭头按钮 —— 右侧 */
    .hiro_table::-webkit-scrollbar-button:horizontal:increment {
        width: 20px;
        height: 12px;
        background-color: #0a46dc;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><polygon points='9,4 17,12 9,20' fill='white'/></svg>");
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 0 6px 6px 0;
    }

    .hiro_table::-webkit-scrollbar-button:horizontal:increment:hover {
        background-color: #1d4ed8;
    }

    /* 两端空隙（可选，让滚动条两端干净） */
    .hiro_table::-webkit-scrollbar-corner {
        background: transparent;
    }





}